root { 
    display: block;
}

body
{
    background-color: #2b3a3c;
    color: #2d2e2e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    line-height: 1.2em;
    margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
    padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    text-align: center; /* Centers the page content container in IE 5 browsers. */
}
#outerWrapper
{
    background-color: #fff;
    margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
    text-align: left; /* Redefines the text alignment defined by the body element. */
    width: 80em;
}
#outerWrapper #header
{
    background-color: #8ab573;
    border-bottom: solid 1px #628152; /* Sets the bottom border properties for an element using shorthand notation */
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.7em;
    padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#outerWrapper #contentWrapper #rightColumn
{
    background-color: #eef6ed;
    border-left: solid 1px #8ab573; /* Sets the left border properties for an element using shorthand notation */
    float: right;
    padding: 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    width: 14em;
    height: 200px;
}
#outerWrapper #contentWrapper #leftColumn
{
    background-color: #eef6ed;
    border-right: solid 1px #8ab573; /* Sets the right border properties for an element using shorthand notation */
    float: left;
    padding: 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    width: 14em;
    height: 200px;
}
#outerWrapper #contentWrapper #content
{
    margin: 0 16em 0 16em; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
    padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    min-height: 185px;
    
}
#outerWrapper #contentWrapper .clearFloat
{
    clear: both;
    display: block;
}
#outerWrapper #footer
{
    background-color: #8ab573;
    border-bottom: solid 1px #628152; /* Sets the bottom border properties for an element using shorthand notation */
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.7em;
    padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
.login {
    width:450px;
    top:150px;
}
.msgErro {
    width:300px;
    position:relative;
}
.camposLogin {
    width:200px;
}

